<template>
  <div>
    <topbar></topbar>
    <div class="app-view-margin-box"></div>
    <router-view />
    <BottomBar></BottomBar>
  </div>
</template>
<script setup>
import topbar from './components/TopBar.vue'
import BottomBar from './components/BottomBar.vue';
</script>

<style>
.app-view-margin-box {
  margin-bottom: 97px;
}


* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  /* 去掉默认的下划线 */
  color: inherit;
  /* 继承父元素的文字颜色 */
  outline: none;
  /* 去掉焦点时的外边框（可选） */
}

a:hover {
  text-decoration: none;
  /* 去掉鼠标悬停时的下划线 */
}

a:active {
  color: inherit;
  /* 保持文字颜色不变 */
}

/* 重置所有 h 系列标签的默认样式 */
h1, h2, h3, h4, h5, h6 {
    margin: 0;        /* 清除外边距 */
    padding: 0;       /* 清除内边距 */
    font-size: 100%;  /* 恢复默认字体大小 */
    font-weight: normal; /* 恢复默认字体粗细 */
    line-height: normal; /* 恢复默认行高 */
    text-align: inherit; /* 继承父元素的文本对齐方式 */
    font-family: inherit; /* 继承父元素的字体 */
    color: inherit;    /* 继承父元素的文字颜色 */
}


.banner-box-w {
  max-width: 1400px;
  margin: 0 auto;
}
.banner-box-m {
  max-width: 1200px;
  margin: 0 auto;
}
</style>
